var index = {
    // 轮播图
    fn_swiper: function() {
        var mySwiper = new Swiper('.swiper-banner', {
            autoplay: 2000,
            pagination: '.pagination',
            simulateTouch:false,
            loop: true,
            paginationClickable: true,
            autoplayDisableOnInteraction: false

        })
        $('.banner-prev').on('click', function(e) {
                mySwiper.stopAutoplay();

            e.preventDefault()
            mySwiper.swipePrev()
        })
        $('.banner-next').on('click', function(e) {
                mySwiper.stopAutoplay();

            e.preventDefault()
            mySwiper.swipeNext()
        })

        $(document).on({
            mouseenter: function() {
                mySwiper.stopAutoplay();
            },
            mouseleave: function() {
                mySwiper.startAutoplay();
            }
        }, '.swiper-banner')
    },
    // 滚动
    // fn_marquee: function(target, hei, m, n) {

    //     target.on({
    //         mouseenter: function() {
    //             clearInterval(timer);
    //         },
    //         mouseleave: function() {
    //             timer = setInterval(move, 2000)
    //         }

    //     })
    //     var timer = setInterval(move, 2000);
    //     var len = Math.ceil(target.eq(0).find('li').length / m);
    //     var _hei = len * hei;
    //     target.eq(0).css('height', _hei)
    //     var clone = target.clone();
    //     n.append(clone);
    //     var num = 0;
    //     var val = 200;

    //     function move() {
    //         num++;
    //         target.eq(0).animate({ 'marginTop': -hei * num }, val)
    //         if (num >= len) {
    //             target.eq(0).animate({ 'marginTop': 0 }, 0)
    //             num = 0;
    //         }
    //     }
    // },
    // fn_login_marquee: function() {
    //     this.fn_marquee($('.login-marquee ul'), 84, 4, $('.login-marquee'))
    // },
    // tab切换
    fn_title_tab: function() {
        $(document).on('click', '.public-title .title-tab li', function() {
            var _index = $(this).index();
            $(this).addClass('active').siblings('li').removeClass('active')
            // 统计图
            if ($(this).parents('ul').hasClass('change-tab')) {
                $('.price_dynamics .mod_content').removeClass('active').eq(_index).addClass('active')
                var name = $('.price_dynamics .mod_content').eq(_index).find('.trend_chart').attr('id');
                index.fn_trend_chart(name)
            }


        })
    },
    // 更多
    fn_more: function() {
        $('.pinhead_city').mouseenter(function() {
            $(this).parent().addClass('showing');
            $(this).parent().find('.more').show();
        })
        $('body').on('mouseleave', '.showing', function() {
            $(this).removeClass('showing');
            $(this).find('.more').hide();
        })
    },
    // 添加滚动按钮
    fn_slide_button: function() {
        $('.slides_trends, .index-ad,.prixbar_slide,.ch_slide').mouseenter(function() {
            $(this).addClass('on');
        }).mouseleave(function() {
            $(this).removeClass('on');
        })
    },
    // 价格指数滚动
    fn_slide: function(aim, w, h, auto, interval) {
        aim.slidesjs({
            width: w,
            height: h,
            pagination: {
                active: false
            },

            play: {
                active: false,
                auto: auto,
                interval: interval,
                swap: true,
                pauseOnHover: true,
                restartDelay: interval
            }
        });

    },
    // 初始化滚动
    fn_slide_start: function() {
        // index.fn_slide($('.ad_slide'), 1180, 70, true, 1000)
        // index.fn_slide($('.ch_slide'), 862, 348, false, 6000)
        index.fn_slide($('.slides_trends'), 480, 240, false, 6000)
        index.fn_slide($('.prixbar_slide'), 240, 225, false, 6000)

    },
    // 统计图
    fn_trend_chart: function(name) {
        // $.getJSON('http://datas.org.cn/jsonp?filename=json/usdeur.json&callback=?', function(data) {
        Highcharts.chart(name, {

            chart: {
                type: 'area',
                zoomType: 'x'
            },
            title: {
                text: ''
            },
            subtitle: {
                text: document.ontouchstart === undefined ?
                    '' : ''
            },
            xAxis: {
                // type: 'datetime',
                // gridLineWidth:0
            },
            yAxis: {
                gridLineWidth:0,

                title: {
                    text: ''
                },
                // tickPositions: [0.5, 0.6, 0.7, 0.8, 0.9, 1]
            },
            legend: {
                // enabled: false,
                // verticalAlign:'top',
                // y:-20

            },
            plotOptions: {
                area: {
                    fillColor: {
                        linearGradient: {
                            x1: 0,
                            y1: 0,
                            x2: 0,
                            y2: 1
                        },
                        // stops: [
                        //     [0, '#ff9ea3'],
                        //     [1, '#fff']
                        // ]
                    },

                    marker: {
                        radius: 2,
                        // fillColor: '#bf1e2e',
                    },
                    // negativeFillColor:'green',
                    lineWidth: 1,

                    states: {
                        hover: {
                            lineWidth: 1,
                        },

                    },
                    threshold: null,

                },
                // areaspline: {
                //     fillOpacity: 0.5
                // }
            },
            tooltip: {
                borderColor: '#ff9ea3',
                backgroundColor: '#fff'
            },


            series: [{
                    type: 'area',
                    name: '螺纹',
                    data: [0.51, 0.52, 0.53, 0.55, 0.6, 0.62, 0.65, 0.68, 0.72, 0.67, 0.5, 0.7, 0.8, 0.9],
                    color: '#ff9ea3',
                    fillColor: {
                        stops: [
                            [0, '#ff9ea3'],
                            [1, '#fff']
                        ]
                    },
                    fillOpacity: .5,
                    lineColor: '#ff9ea3',
                    tooltip: {
                        borderColor: '#ff9ea3',
                        backgroundColor: '#fff'
                    },

                },
                {
                    type: 'area',
                    name: '普卷',
                    data: [0.61, 0.62, 0.63, 0.65, 0.7, 0.72, 0.75, 0.78, 0.82, 0.77, 0.8, 0.6, 0.7, 0.9],
                    color: '#688de5',
                    visible: false,
                    fillColor: {
                        stops: [
                            [0, '#688de5'],
                            [1, '#fff']
                        ]
                    },
                    fillOpacity: 0.5,
                    lineColor: '#688de5',
                    tooltip: {
                        borderColor: '#688de5',
                        backgroundColor: '#fff'
                    },

                }

            ]
        });
        // });

    },
    // 初始化统计图
    fn_trend_chart_start: function() {
        this.fn_trend_chart('prixchart1')
    },
    // 侧边栏
    fn_sidetoolbar: function() {
        $(document).on({
            mouseenter: function() {
                $(this).addClass('active')
                $(this).find('.toolbar-section-inner').stop().animate({
                    left: '-59px'
                })
            },
            mouseleave: function() {
                $(this).removeClass('active')
                $(this).find('.toolbar-section-inner').stop().animate({
                    left: '0'
                })
            }
        }, '.toolbar-section')
        $(document).on({
            mouseenter: function() {
                $(this).addClass('active')
                $(this).find('.toolbar-section-ewm-inner').show().stop().animate({ 'opacity': 1 }, 300)
            },
            mouseleave: function() {
                $(this).removeClass('active')
                $(this).find('.toolbar-section-ewm-inner').stop().animate({ 'opacity': 0 }, 300, function() {

                    $(this).hide()
                })
            }
        }, '.toolbar-section-ewm')

        $(document).on('click', '.toolbar-section-totop', function() {
            $('body,html').animate({ scrollTop: 0 }, 500);
        })
        var _height = $(window).height();
        $(window).scroll(function() {
            if ($(window).scrollTop() >= _height) {
                $('.toolbar-section-totop').show().stop().animate({ 'opacity': 1 }, 300, function() {
                    $(this).find('.toolbar-section-inner').show()
                })

            } else {

                $('.toolbar-section-totop').hide().find('.toolbar-section-inner').hide()
                $('.toolbar-section-totop').stop().animate({ 'opacity': 0 }, 300)

            }

        })

    },
    // 成交动态滚动
    fn_del_action: function() {

        var mySwiper = new Swiper('.slick', {
            autoplay: 2000,
            simulateTouch:false,
            slidesPerView: 4,
            loop: true,
            mode: 'vertical'

        })

    },
    // 广告位滚动
    fn_ad: function() {
        var mySwiper = new Swiper('.index-ad', {
            autoplay: 2000,
            slidesPerView: 4,
            loop: true,
            slidesPerGroup: 4,
            simulateTouch:false,


        })
        $('.ad-prev').on('click', function(e) {
                mySwiper.stopAutoplay();

            e.preventDefault()
            mySwiper.swipePrev()
        })
        $('.ad-next').on('click', function(e) {
                mySwiper.stopAutoplay();

            e.preventDefault()
            mySwiper.swipeNext()
        })
        $(document).on({
            mouseenter: function() {
                $('.ad-prev,.ad-next').show()
                mySwiper.stopAutoplay();
            },
            mouseleave: function() {
                $('.ad-prev,.ad-next').hide()
                mySwiper.startAutoplay();
            }
        }, '.index-ad')
    },
    // 撮合求购状态滚动
    fn_ch_right: function() {
        var mySwiper = new Swiper('.ch-right', {
            autoplay: 2000,
            loop: true,
            simulateTouch:false,
            

        })
        $('.ch-right-prev').on('click', function(e) {
                mySwiper.stopAutoplay();

            e.preventDefault()
            mySwiper.swipePrev()
        })
        $('.ch-right-next').on('click', function(e) {    
            mySwiper.stopAutoplay();
            e.preventDefault()
            mySwiper.swipeNext()
        })
        $(document).on({
            mouseenter: function() {
                $('.ch-right-prev,.ch-right-next').show()
                mySwiper.stopAutoplay();
            },
            mouseleave: function() {
                $('.ch-right-prev,.ch-right-next').hide()
                mySwiper.startAutoplay();
            }
        }, '.ch-right')
    },

    init: function() {
        this.fn_swiper();
        // this.fn_login_marquee();
        this.fn_title_tab();
        this.fn_more();
        this.fn_slide_start();
        this.fn_sidetoolbar();
        this.fn_trend_chart_start();
        this.fn_slide_button();
        this.fn_del_action();
        this.fn_ad();
        this.fn_ch_right();

    }
}
$(function() {
    index.init();
})